<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>HTML入门笔记1</title>
    <link rel="stylesheet" href="../Lyout/reset.css" />
    <link
      rel="stylesheet"
      href="../CSS/boge.css"
    />
  </head>

  <body>
    <header class="title">xinglu2的博客</header>
    <nav class="list">
      <p></p>
      <li>
        <a href="#">首页</a>
      </li>
      <li>
        <a href="#">博文</a>
      </li>
      <li>
        <a href="#">相册</a>
      </li>
      <li>
        <a href="#">个人档案</a>
      </li>
    </nav>
    <div class="bl">
      <section class="section">
        <article class="article1">
          <header>HTML是谁发明的</header>
          <main class="main1">
            HTML是由一名叫Tim
            Berners-Lee的科学家发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档。
          </main>
          <footer class="footer1">编辑于2021.4</footer>
        </article>

        <article class="article2">
          <header>HTML 起手应该写什么</header>
          <main class="main2">
            &lt; !DOCTYPE html> <br>
            &lt; html lang="zh-CN"><br>
            &lt;head><br>
            &lt;meta charset="UTF-8" /><br>
            &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /><br>
            &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"/><br>
                &lt;title>Document&lt;/title><br>
                &lt;/head><br>
                &lt;body></body><br>
                &lt;/html><br>
          </main>
          <footer class="footer2">编辑于2021.4</footer>
        </article>

        <article class="article3">
            <header>常用的表章节的标签</header>
            <main class="main3">
                &lt;h1>~&lt;h6>：这是六个不同的标题标签;<br>
                &lt;section>：标签定义文档中的节（section、区段）。<br>
                &lt;article>：规定独立的自包含内容。<br>
                &lt;main>：规定文档的主要内容。<br>
                &lt;aside>：定义其所处内容之外的内容。
            </main>
            <footer class="footer3">编辑于2021.4</footer>
          </article>

          <article class="article4">
            <header>全局属性</header>
            <main class="main4">
                class：规定元素的一个或多个类名（引用样式表中的类）。<br>
                contenteditable：使任何元素都可以被编辑。<br>
                hidden：可以让任何东西看不见。<br>
                id：不到万不得已不要用，因为它不报错。<br>
                style：为 HTML 文档定义样式信息。<br>
                title：鼠标浮在上面时显示的内容。<br>
                tabindex: 取值是整数，数越大越最后访问，但是值为0时会最后一个访问到，值为-1时，永远访问不到。
            </main>
            <footer class="footer4">编辑于2021.4</footer>
          </article>

          <article class="article5">
            <header>常用的内容标签</header>
            <main class="main5">
                &lt;code>：	定义计算机代码文本。<br>
                &lt;em>：定义强调文本。强调语气<br>
                &lt;strong>：定义语气更为强烈的强调文本。强调本身<br>
                &lt;pre>：定义预格式文本。<br>
            </main>
            <footer class="footer5">编辑于2021.4</footer>
          </article>
      </section>
      <aside class="aside1">
        <div class="div11"></div>
        <h1>心得</h1>
        <p class="p11">
          HTML标签有很多，每一种标签有不同的含义，但是有很多标签作用又十分的相似，比如说&lt;em>和&lt;strong>，它们都用来表示强调，但是细节之处又不一样，
            &lt;em>是强调语气，而&lt;strong>是本身就很重要。类似的标签还有很多，需要我们自己去摸索，在学习HTML时，我们要学习标签中特殊的地方，这样会使我们记得更加牢固也不容易混淆。
        </p>
      </aside>
      <aside class="aside2">
        <div class="div12"></div>
        <h1>展望</h1>
        <p class="p12">
          我很喜欢前端，在学习前端的过程中会让我感觉到很快乐，我希望在以后的学习中能够继续努力，不论遇到什么问题都能够坚持下去，我相信坚持才是取得胜利的关键，
          我也希望通过学习前端能够在不远的将来找到一份满意的工作。
        </p>
      </aside>
    </div>
    <footer class="fot">版权所有2020 @xinglu2的博客</footer>
  </body>
</html>
